<template>
  <section class="empty-wrap">
    <img
      src="@/assets/images/empty.png"
      alt="加载失败"
      :height="height"
      :width="width"
    >
    <p class="text-wrap mt-10">
      {{ message }}
    </p>
  </section>
</template>
<script setup lang="ts">
defineProps({
  message: {
    type: String,
    default: '暂无数据',
  },
  height: {
    type: Number,
    default: 74,
  },
  width: {
    type: Number,
    default: 88,
  },
});
</script>
<style lang="scss" scoped>
.empty-wrap {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 12px 0;
  font-size: var(--#{$ns}-font-size-small);
  color: var(--#{$ns}-text-color-regular);
}
</style>
